<!DOCTYPE html>
<html lang="en">
@@include('header.html')
<body>
    <header>
        <h1>数据可视化</h1>
        <div class="show_time"></div>
    </header>
    <section class="main_box">
        <!-- 左模块 -->
        <div class="column">
            <div class="panel bar">
                <h2>柱形图 就业行业</h2>
                <div class="chart"></div>
                <div class="panel-footer"></div>
            </div>
            <div class="panel bar">
                <h2 id="number2">柱形图 就业行业 <a>邮件</a><a >广告</a></h2>
                <div class="line"></div>
                <div class="panel-footer"></div>
            </div>
            <div class="panel bar">
                <h2>柱形图 就业行业</h2>
                <div></div>
                <div class="panel-footer"></div>
            </div>
        </div>
        <!-- 中间模块 -->
        <div class="column">
            <div class="no">
                <div class="no-hd">
                    <ul>
                        <li>123</li>
                        <li>567</li>
                    </ul>
                </div>
                <div class="no-bd">
                    <ul>
                        <li>撒大声地所</li>
                        <li>微文深诋</li>
                    </ul>
                </div>
            </div>
            <!-- 地图模块 -->
            <div class="map">
                <div class="map1">

                </div>
                <div class="map2">
                    
                </div>
                <div class="map3">
                    
                </div>
                <div class="chart"></div>
            </div>

        </div>
        <div class="column">
            <div class="panel bar">
                <h2>柱形图 就业行业</h2>
                <div class="chart rline"></div>
                <div class="panel-footer"></div>
            </div>
            <div class="panel bar">
                <h2>柱形图 就业行业</h2>
                <div class="chart rzline"></div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </section>
</body>
<script src="js/flexible.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/china.js"></script>

<script src="js/jquery.js"></script>
<script src="js/index.js"></script>
<script>

    var t = null
    t = setTimeout(timme,1000)
    function timme(){
        clearTimeout(t)
        myDate = new Date();
        document.querySelector(".show_time").innerHTML = '当前时间:'+myDate.getHours()+'时'+myDate.getMinutes()+'分'+myDate.getSeconds()+'秒'
        t = setTimeout(timme,1000)
    }

</script>
</html>